<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--把jquery引入进来-->
    <script type="text/javascript" src="js/jquery-3.3.1.js"></script>

</head>
<body>
<div id="mydiv">第一个div</div>
</body>
</html>
<script type="text/javascript">
    //原生态编码   返回的是js对象
    var divElement=document.getElementById("mydiv");
    console.log("原生态编码："+divElement.innerHTML)
    //jquery编码    返回是jquery对象
    var div$=$('#mydiv');
    console.log('js对象转换成jquery对象后调用方法：'+div$.html());
    //把jquery对象转换成js对象   jquery对象是一个数组，该数组里的元素是js对象
    var div01Element=div$.get(0);
    console.log('jquery对象转换成js对象调用属性：'+div01Element.innerHTML);
</script>